.btn.active,.btn:active:focus,.btn:focus {outline:medium}
textarea,input,button{background:none;outline:medium;border:1px black solid;}
.input_st {border: 0px;border-bottom: 1px solid #CCCCCC;background-color:#F8F8F8;}
.input_title {min-width: 430px;}
.input_st:hover {border: 1px;border-bottom: 1px solid #CCCCCC;background-color:#F8F8F8;}
input::-webkit-input-placeholder{color:#DAA520;font-style: oblique;}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#DAA520;font-style: oblique;}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#DAA520;font-style: oblique;}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */color:#DAA520;font-style: oblique;}
*{-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-radius: 0 !important;}

.table>tbody>tr>td{
    padding:3px;vertical-align: middle;
}

.codeData{min-height: 220px;max-height: 220px;width: 100%;border: 1px solid #CCC;background: #f5f5f5;overflow:auto}
.codeData-mx{min-height:320px;max-height: 360px;width: 100%;border: 1px solid #CCC;background: #f5f5f5;overflow:auto}
.form-control{border: 1px solid inherit;}
.btn{border: 1px solid inherit;}
.input-md {border: 1px solid #F8F8F8;}
.modal{color: #696969}
.jumbotron {padding-top: 15px;padding-bottom: 10px;margin-bottom: 10px;color: inherit;background-color: #F8F8F8}
.badge{-webkit-border-radius: 50px !important;-moz-border-radius: 50px !important;border-radius: 50px !important;color: #FFF !important;}
.clear-padding{padding-left: 0px;}
.code-string{color:#993300;}
.code-number{color:#cc00cc;}
.code-boolean{color:#000033;}
.code-null{color:magenta;}
.code-key{color:#003377;font-weight:bold;}


.ObjectBrace{color:#0a0;font-weight:bold}.ArrayBrace{color:#03f;font-weight:bold}.PropertyName{color:#c00;font-weight:bold}.String{color:#077}.Number{color:#a0a}.Boolean{color:#00f}.Function{color:#a63;}.Null{color:#00f}.Comma{color:#000;font-weight:bold}PRE.CodeContainer{margin-top:0;margin-bottom:0}
body{width: 100%}

/* Toggle Styles */
.main-nav{
    position: static;
    transform: scale3d(1, 1, 1);
    top: 0;
    bottom:0;
    width: 100%;
}


.main-nav.nav-tabs.nav-stacked > li > a {
    font-size: 12px;
    font-weight: 600;
    color: #333;
    background: #E9E9E9;
    background: -moz-linear-gradient(top, #F8F8F8 0%, #E9E9E9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F8F8), color-stop(100%,#E9E9E9));
    background: -webkit-linear-gradient(top, #F8F8F8 0%,#E9E9E9 100%);
    background: -o-linear-gradient(top, #F8F8F8 0%,#E9E9E9 100%);
    background: -ms-linear-gradient(top, #F8F8F8 0%,#E9E9E9 100%);
    background: linear-gradient(top, #F8F8F8 0%,#E9E9E9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#E9E9E9');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#E9E9E9')";
    border: 1px solid #D5D5D5;
}

.main-nav.nav-tabs.nav-stacked > li > a > span {
    color: #333;
}


#main-nav.nav-tabs.nav-stacked > li.active > a, #main-nav.nav-tabs.nav-stacked > li > a:hover > span {
    color: #FFF;
}

.nav-tabs > li > a {margin-right: 0px}

.nav-header.collapsed > span.glyphicon-chevron-toggle:before {content: "\e114";}

.nav-header > span.glyphicon-chevron-toggle:before {content: "\e113";}

.main-nav ul{border: 1px solid #CCCCCC;}

.secondmenu a {
    font-size: 12px;
    color: #333;
}

.secondmenu > li > a:hover {
    background-color: #6f7782;
    border-color: #428bca;
    color: #fff;
}

.secondmenu li.active {
    background-color: #6f7782;
    border-color: #428bca;
}

.secondmenu li.active > a {
    color: #ffffff;
}

.navbar-static-top {
    background-color: #212121;
    margin-bottom: 5px;
}

.collapsed.glyphicon-chevron-toggle:before {
    content: "\e114";
}


.card {
    width: 100%;
    height: 100%;
    margin: 0px auto;
    text-align: center;
    color: white;
}

.header {
    color: #303030;
    font-size: 1em;
    height:50%;
    font-size: 40px;
}

.tips {
    background-color: #303030;
    height:50%;
    line-height:30px;
}

.rowCard{margin-left: 10px}